<template>
    <div class="content">
        <div class="one">
            <h1>企业合作雇主计划</h1>
            <p>
                通过IIFA企业合作雇主计划，企业可以为员工提供一份除工作以外的职业生涯发展规划。协会将为每家加入企业合作雇主计划的企业提供相应资源，以确保其员工在专业技能上不断提升，为企业的发展做出更大的贡献。在当今充满挑战的商业环境下，无论企业的规模大小，具备专业资格和素养的员工都是企业的重要资产。我们相信，基于此计划，可以持续为你的企业培养投融资、财富管理等方面的专业人才。
            </p>
            <ul>
                <li>
                    <img src="../../assets/img/weiBo.png" alt="" srcset="">
                </li>
                <li>
                    <img src="../../assets/img/wx.png" alt="" srcset="">
                </li>
                <li>
                    <img src="../../assets/img/qq.png" alt="" srcset="">
                </li>
                <li>
                    <img src="../../assets/img/in.png" alt="" srcset="">
                </li>
            </ul>
        </div>
        <div class="two">
            <div class="left">
                <div class="header">
                    <p>
                        <img src="../../assets/img/dom.png" alt="" srcset="">
                    </p>
                    <h1>企业收益：</h1>
                </div>
                <ul>
                    <li>提供专业课程学习或资格认证的特惠价格及快速通道；</li>
                    <li>表示对雇主的认可，授予IIFA企业合作雇主证书；</li>
                    <li>为企业储备就读于全球知名院校的优秀实习生；</li>


                    <li>参加IIFA举办的专业论坛、讲座、互访交流等活动；
                    </li>
                    <li>帮助企业联合同行雇主组织校园招聘、校企合作；
                    </li>
                    <li>免费订阅行业洞察报告、最新政策汇编等研究成果；</li>
                    <li>优先申请由IIFA颁发的年度最佳企业合作雇主等奖项。</li>
                </ul>
            </div>
            <div class="right">
                <div class="header">
                    <p>
                        <img src="../../assets/img/jiangBei.png" alt="" srcset="">
                    </p>
                    <h1>员工收益</h1>
                </div>
                <ul>
                    <li>获得IIFA继续教育学习资源、不断提升专业能力；</li>
                    <li>快速获得IIFA会员资格，免费参加相关活动；</li>
                    <li>成为国内知名高校和线上线下讲坛的分享嘉宾；</li>
                    <li>能够申请到海外培训学习、短期出境交流的机会；</li>
                    <li>为员工梳理工作路径、定制职业进阶规划；</li>
                    <li>有机会获得IIFA合作培训机构的课程学习卡；</li>
                    <li>参与申请大中华年度最佳CIFA或CWA等奖项。</li> 
                </ul>
            </div>
        </div>
        <div class="three">
            <div class="title">
                <div class="img">
                    <img src="../../assets/img/dengPao.png" alt="" srcset="">
                </div>
                <h1>合作雇主申请</h1>
            </div>
            <p>如果贵公司确认想要加入IIFA企业合作雇主计划，请联系协会工作人员并填写企业合作雇主申请表发送邮件至：iifachina@iifa.org.cn，我们真心期待并欢迎您的加入。</p>
            <p>任何相关问题可以联系微信：iifachina5</p>
        </div>
    </div>
</template>
<script setup>

</script>
<style scoped lang='less'>
.content {
    width: calc(100% - 220px);
    // background-color: red;
    height: 100%;

    .one {
        width: 100%;
        height: 460px;
        background: url("../../assets/img/1080-460.png");
        background-size: 100% 100%;
        color: #ffffff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        margin-bottom: 20px;

        h1 {
            text-align: center;
        }

        p {
            width: 70%;
            font-size: 14px;
        }

        ul {
            display: flex;

            li {
                width: 75px;
                height: 75px;
                background: url("../../assets/img/bj2-h.png");
                background-size: 100% 100%;
                margin: 0 10px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }
    }

    .two {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;

        .left {
            width: 49%;
            height: 490px;
            background: #003265;
            padding: 35px;
            color: #ffffff;
            list-style: disc;

            .header {
                display: flex;
                align-items: center;

                p {
                    width: 75px;
                    height: 75px;
                    background: url(../../assets/img/bj2-h.png);
                    background-size: 100% 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin-right: 15px;
                }
            }

            ul {
                padding-left: 20px;

                li {
                    list-style: disc;
                    padding: 10px;
                }
            }
        }

        .right {
            width: 49%;
            height: 490px;
            background: #A8D7EF;
            padding: 35px;
            color: #ffffff;
            list-style: disc;

            .header {
                display: flex;
                align-items: center;

                p {
                    width: 75px;
                    height: 75px;
                    background: url(../../assets/img/bj2-h.png);
                    background-size: 100% 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin-right: 15px;
                }
            }

            ul {
                padding-left: 20px;

                li {
                    list-style: disc;
                    padding: 10px;
                }
            }
        }
    }

    .three {
        width: 100%;
        height: 300px;
        background: #B1E0AD;
        color: #ffffff;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        padding-left: 25px;

        >P {
            width: 75%;
        }

        .title {
            display: flex;
            align-items: center;



            .img {
                width: 55px;
                height: 55px;
                display: flex;
                justify-content: center;
                align-items: center;
                background: url("../../assets/img/liubx.png");
                background-size: 100% 100%;
                margin-right: 10px;
            }
        }
    }
}
</style>